<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>天下租-商品交付确认单</title>
</head>

<body style="
      width: 100vw;
      height: 100vh;
      box-sizing: border-box;
      overflow: auto;
      margin: 0;
      padding: 10px;
    ">
  <div class="table_box">
    <img class="table_box_left" style="width: 80px" src="./img/image.png" alt="" />
    <!-- <img class="table_box_left" style="width: 80px" src="https://test.txz1688.com/assets/logo.924e32bc.png" alt="" /> -->
    <div class="table_box_title" style="text-align: center">
      商品交付确认单
    </div>
    <table style="
          border: solid #000000;
          border-width: 1px 0px 0px 1px;
          width: 100%;
        ">
      <tr>
        <td style="
              border: solid #000000;
              border-width: 0px 1px 1px 0px;
              width: 50%;
            ">
          出租甲方：
        </td>
        <td id="td1" style="
              border: solid #000000;
              border-width: 0px 1px 1px 0px;
              width: 50%;
            ">
          {}
        </td>
      </tr>
      <tr>
        <td style="
              border: solid #000000;
              border-width: 0px 1px 1px 0px;
              width: 50%;
            ">
          订单单号：
        </td>
        <td id="td2" style="
              border: solid #000000;
              border-width: 0px 1px 1px 0px;
              width: 50%;
            ">
          {}
        </td>
      </tr>
      <tr>
        <td style="
              border: solid #000000;
              border-width: 0px 1px 1px 0px;
              width: 50%;
            ">
          交付方式：
        </td>
        <td id="td3" style="
              border: solid #000000;
              border-width: 0px 1px 1px 0px;
              width: 50%;
            ">
          {}
        </td>
      </tr>
      <tr>
        <td style="
              border: solid #000000;
              border-width: 0px 1px 1px 0px;
              width: 50%;
            ">
          物流单号：
        </td>
        <td id="td4" style="
              border: solid #000000;
              border-width: 0px 1px 1px 0px;
              width: 50%;
            ">
          {}
        </td>
      </tr>
      <tr>
        <td style="
              border: solid #000000;
              border-width: 0px 1px 1px 0px;
              width: 50%;
            ">
          本人姓名：
        </td>
        <td id="td5" style="
              border: solid #000000;
              border-width: 0px 1px 1px 0px;
              width: 50%;
            ">
          {}
        </td>
      </tr>
      <tr>
        <td style="
              border: solid #000000;
              border-width: 0px 1px 1px 0px;
              width: 50%;
            ">
          本人身份证：
        </td>
        <td id="td6" style="
              border: solid #000000;
              border-width: 0px 1px 1px 0px;
              width: 50%;
            ">
          {}
        </td>
      </tr>
      <tr>
        <td style="
              border: solid #000000;
              border-width: 0px 1px 1px 0px;
              width: 50%;
            ">
          租赁机型：
        </td>
        <td id="td7" style="
              border: solid #000000;
              border-width: 0px 1px 1px 0px;
              width: 50%;
            ">
          {}
        </td>
      </tr>
      <tr>
        <td style="
              border: solid #000000;
              border-width: 0px 1px 1px 0px;
              width: 50%;
            ">
          数量：
        </td>
        <td id="td8" style="
              border: solid #000000;
              border-width: 0px 1px 1px 0px;
              width: 50%;
            ">
          {}
        </td>
      </tr>
      <tr>
        <td style="
              border: solid #000000;
              border-width: 0px 1px 1px 0px;
              width: 50%;
            ">
          《用户租赁及服务协议》 合同编码：
        </td>
        <td id="td9" style="
              border: solid #000000;
              border-width: 0px 1px 1px 0px;
              width: 50%;
            ">
          {}
        </td>
      </tr>
    </table>
    <div>现本人确认：</div>
    <div>1、以上商品信息描述正确。</div>
    <div>
      2、本人已取得上述商品，且该商品与租赁协议中的描述一致，无任何损坏、功能可以正常使用。
    </div>
    <div>
      3、本人签署后，既成双方租赁交易不可分割的依据。且双方均认可其具有法律效力。
      (如需要该交付确认单加盖公章或者提供复印件，请与天下租客服联系)
    </div>
    <div style="margin-left: 47vw">
      <div>客户签名(正楷)：</div>
      <div>
        签收日期：<span style="margin-left: 28px">年</span><span style="margin-left: 14px">月</span><span
          style="margin-left: 14px">日</span>
      </div>
    </div>
    <h3>
      重要提示：请客户提供本人有效身份证正反面复印件，并
      随签收确认单一并交给快递人员寄回，谢谢！
    </h3>
    <h4>
      其他说明：使用的时候尽量保证产品的完整性。合同到期归还清除个人信息及ID，并原样返回，包
      含原包装，归还前需保证设备的完整性。(如有意外情况，请第一时间联系客服)
    </h4>
    <div class="table_box_buy" style="width: 100%; text-align: center">
      <img class="table_box_buy_img" style="width: 200px" src="./img/image2.png" alt="" />
       <p>支付宝/微信扫一扫下单</p>
    </div>
  </div>
</body>

<script>
  var afterUrl
  var afterEqual
  window.onload = function () {
    console.log('url', window.location.search.substr(4))
    afterUrl = decodeURI(window.location.search.substr(4));
    afterEqual = JSON.parse(afterUrl)
    console.log(afterEqual,'aa')
    document.getElementById('td1').innerHTML = afterEqual.rentCompanyName 
    document.getElementById('td2').innerHTML = afterEqual.orderId 
    document.getElementById('td3').innerHTML = afterEqual.deliveryType 
    document.getElementById('td4').innerHTML = afterEqual.logisticNo 
    document.getElementById('td5').innerHTML = afterEqual.userName 
    document.getElementById('td6').innerHTML = afterEqual.userIdNo 
    document.getElementById('td7').innerHTML = afterEqual.goodsType 
    document.getElementById('td8').innerHTML = afterEqual.number 
    document.getElementById('td9').innerHTML = afterEqual.contactId 

  }
</script>

</html>